<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tutorial - CSS3 Gradient Buttons</title>
<link href='http://ell-moo.blogspot.com/favicon.ico' rel='icon' type='image/x-icon'/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">
//<![CDATA[
try{if (!window.CloudFlare) { var CloudFlare=[{verbose:0,p:0,byc:0,owlid:"cf",mirage:{responsive:0,lazy:0},oracle:0,paths:{cloudflare:"/cdn-cgi/nexp/abv=1065777907/"},atok:"1213eb00c744d4940fee6f872a9dd6fb",zone:"flashuser.net",rocket:"0",apps:0}];CloudFlare.push({"apps":{"ape":"00f758892b9c31e983b8f9f65cae023c"}});var a=document.createElement("script"),b=document.getElementsByTagName("script")[0];a.async=!0;a.src="//ajax.cloudflare.com/cdn-cgi/nexp/abv=2562784428/cloudflare.min.js";b.parentNode.insertBefore(a,b);}}catch(e){};
//]]>
</script>
<link type="text/css" href="styles.css" rel="stylesheet" media="all" />
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
</head>

<body>
<div id="menu-holder">

<div class="col-1-5">
<ul>
<li><a href="#" class="big red">Read More</a></li>
<li><a href="#" class="medium red">Read More</a></li>
<li><a href="#" class="small red">Read More</a></li>
</ul>
</div>

<div class="col-1-5">
<ul>
<li><a href="#" class="big green">Read More</a></li>
<li><a href="#" class="medium green">Read More</a></li>
<li><a href="#" class="small green">Read More</a></li>
</ul>
</div>

<div class="col-1-5">
<ul>
<li><a href="#" class="big blue">Read More</a></li>
<li><a href="#" class="medium blue">Read More</a></li>
<li><a href="#" class="small blue">Read More</a></li>
</ul>
</div>

<div class="col-1-5">
<ul>
<li><a href="#" class="big purple">Read More</a></li>
<li><a href="#" class="medium purple">Read More</a></li>
<li><a href="#" class="small purple">Read More</a></li>
</ul>
</div>

<div class="col-1-5 last">
<ul>
<li><a href="#" class="big mustard">Read More</a></li>
<li><a href="#" class="medium mustard">Read More</a></li>
<li><a href="#" class="small mustard">Read More</a></li>
</ul>
</div>

<div class="column-clear"></div>
<div class="content">
<p>Tutorial - CSS3 Gradient Buttons</p>
<p id="home"><a class="go" href="http://ell-moo.blogspot.com" title="">Go to article page</a></p>
</div>

</div><!--end menu-holder-->
<div id="ribbon"><a href="http://ell-moo.blogspot.com">Ellmoo Mojito</a></div>
</body>
</html>
